#{extends 'layout.html' /}
#{set title:messages.get('plato.list.title') /}
<script>
	var currentIdPlato = null;
	
	$(document).ready(function($) {
		$(':checked').each(function(){$(this).attr('checked', false);});
		// increase the default animation speed to exaggerate the effect
	    $.fx.speeds._default = 1000;
	    $(function() {
	        $( "#pacientes-div" ).dialog({
	            autoOpen: false,
	            show: "blind",
	            width: "500px",
	            hide: "explode",
	            title: "Seleccione los pacientes a asignar",
	            buttons: {
	                "Asignar": function() {
	                	asignarPlatoAPacientes(currentIdPlato);
	                },
	                Cancelar: function() {
	                    $( this ).dialog( "close" );
	                }
	            }
	        });
	 
	        $( "#opener" ).click(function() {
	            $( "#dialog" ).dialog( "open" );
	            return false;
	        });
	    });
	});
	
</script>
<div id="crudList" class="${type.name}">
	
	<h2 id="crudListTitle">&{'crud.list.title', 'plato.list.title'}</h2>
 	#{ifErrors}
	<div class="crudFlash flashError">
		 #{error 'dietas' /}
	</div>
	#{/ifErrors}
 #{if totalCount <= 0}
		<div class="crudFlash flashError">
			&{'plato.sinPlatos'}
		</div>
	#{/if}

	#{if totalCount > 0}
	<div id="crudListTable">
		#{crud.table fields:['nombre', 'fechaCreacion', 'accion', 'visible', 'visibilidad']
						, sort: ['nombre', 'fechaCreacion']}
				
				#{crud.custom 'nombre'}
						${object.nombre}
				#{/crud.custom}
				
				#{crud.custom 'fechaCreacion'}
					${object.fechaCreacion?.format('dd/MM/yyyy')}
				#{/crud.custom}
				
				#{crud.custom 'accion'}
						<div class="contenedor_funciones">
							<a href="#" onclick="mostrarPacientes(${object.id});"><img class="funciones" src="/public/images/icons/funciones/list_add.png" title="&{'plato.asignar'}" alt="&{'plato.asignar'}" /></a>
						</div>
				#{/crud.custom}
				
				#{crud.custom 'visible'}
					#{if object.visibilidad.toString().equals("NADIE")}
						<img class="funciones" alt="&{'visibilidad.autor'}" src="/public/images/icons/funciones/compartir_nadie.png" title="&{'visibilidad.autor'}"/>
					#{/if}
					#{else}
						#{if object.visibilidad.toString().equals("TODOS")}
							<img class="funciones" alt="&{'visibilidad.todos'}" src="/public/images/icons/funciones/compartir_todos.png" title="&{'visibilidad.todos'}"/>
						#{/if}
					#{/else}
				#{/crud.custom}
				
				#{crud.custom 'visibilidad'}
					<div class="contenedor_funciones">
						<a href="@{Platos.publicar(object.id, 'NADIE')}"><img class="funciones" alt="&{'visibilidad.autor'}" src="/public/images/icons/funciones/compartir_nadie.png" title="&{'visibilidad.autor'}"/></a>
						<a href="@{Platos.publicar(object.id, 'TODOS')}"><img class="funciones" alt="&{'visibilidad.todos'}" src="/public/images/icons/funciones/compartir_todos.png" title="&{'visibilidad.todos'}"/></a>
					</div>
				#{/crud.custom}
				
		#{/crud.table}
	</div>
	#{/if}
	
	<div id="crudListAdd" class="btn">
		<a href="@{Platos.newPlato()}">
			&{'crear', 'Plato'}
		</a>
	</div>
	
	<form id="asignar-plato-form" action="/nutri/platos/seleccionarPlatos">
		<input id="platos-id-json" type="hidden" />
	</form>	
	<div id="atencion-div" style="display:none;"><p id="texto-atencion-div" ></p></div>

	<div id="pacientes-div">
		
		<ul id="lista-pacientes">
			%{
				if(pacientes != null){
					String chequearCheckBox = "";
					for(paciente in pacientes){
						if(paciente.tenesEstePlato(session.get("plato_id"))){
							out.print('<li id="' + paciente.id + '"><input class="checkbox-pacientes checked_checkbox" type="checkbox" value="' + paciente.id + '"/>&nbsp;&nbsp;' + paciente.nombre + '</li>');
						}else{
							out.print('<li id="' + paciente.id + '"><input class="checkbox-pacientes" type="checkbox" name="checkbox-pacientes" value="' + paciente.id + '"/>&nbsp;&nbsp;' + paciente.nombre + '</li>');
						}
					}
				}				
			}%
		</ul>
	</div>
 
</div>